import React from 'react';
import { Link, Outlet } from 'react-router-dom';


export default function RouteApp() {

	return (
		<div>
      <h1>Bookkeeper</h1>
      <nav
        style={{
          borderBottom: "solid 1px",
          paddingBottom: "1rem"
        }}
      >
        <Link to="/invoices">Invoices</Link> |{" "}
        <Link to="/expenses">Expenses</Link> |{" "}
        <Link to="/privacy">Privacy</Link> 	 |{" "}
        <Link to="/student">Student</Link> 	 |{" "}
        <Link to="/zustand">Zustand</Link> 	 |{" "}
        <Link to="/math">Math</Link> 	 	 		 |{" "}
      </nav>
      <Outlet />
    </div>
	);
}
